<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按键修饰符</title>
</head>
<body>
    <div id="app">
        {{msg}}
        <!-- 当按钮enter被弹起时 -->
        <input type="text" v-model="msg" @keyup.enter.tab="enterUp"/>
        <input type="text" v-model="msg" @keyup.tab="keyTab"/>
    </div>
</body>
</html>
<script src="./js/2.7.14_dist_vue.js"></script>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:"Hello Vue!"
        },
        methods: {
            enterUp(){
                alert(this.msg)
            },
            keyTab(){
                alert("tab键被触发")
            }
        },
        computed:{

        },   
    });

</script>